To use a different template for the homepage, follow these instructions:
1. Open Connected Business 15
2. Go to eCommerce >> Setup >> Application Configuration
3. Search for "hometemplate" 
4. Double click "HomeTemplate" and type in homepagetemplate.ascx in the Config Value field
5. Click Save then Reset Web Cache


for itempopup on featureditem on homepage
1. copy page.itempopup.xml from xmlpackages (from this skin)
2. paste it to C:\Program Files (x86)\Connected Business 15\CBE\Web\XmlPackages



All additional content for the homepage will be called on token so please copy and paste the codes below to their specific name so that this skin homepage will be look like 100% with the attached homepage on this folder
Please be mindful for the casing of the letter/words.


1.
<!-- CAROUSEL COPY PASTE THIS AND MAKE A TOPIC NAME topcarousel ===================================== -->
  <div class="additional">
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
      <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
        <li data-target="#myCarousel" data-slide-to="3"></li>
      </ol>
      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <img src="skins/Skin_(!SKINID!)/images/slider1.jpg" alt="First Slider" class="img-responsive">
          <div class="carousel-caption conatiner">
            <div class="title">Lorem ipsum dolor sit</div>
            <div class="sub">consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt</div>
            <div class="col-md-5 col-md-6 col-xs-12 items">
              <div class="col-md-4 itemsinside"><div class="itembox"><a href="#"><img src="skins/Skin_(!SKINID!)/images/slideritem1.jpg" alt="Items" title="Item No. 1" /></a></div></div>
              <div class="col-md-4 itemsinside"><div class="itembox"><a href="#"><img src="skins/Skin_(!SKINID!)/images/slideritem2.jpg" alt="Items" title="Item No. 2" /></a></div></div>
              <div class="col-md-4 itemsinside"><div class="itembox"><a href="#"><img src="skins/Skin_(!SKINID!)/images/slideritem3.jpg" alt="Items" title="Item No. 3" /></a></div></div>
            </div>
          </div>
        </div>
        <div class="item ">
          <img src="skins/Skin_(!SKINID!)/images/slider2.jpg" alt="First Slider" class="img-responsive">
          <div class="carousel-caption conatiner" style="text-align:right;">
            <div class="title">Lorem ipsum dolor sit</div>
            <div class="sub" style="padding:0">consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt</div>
            <div class="col-md-5 col-md-6 col-xs-12 items" style="float:right;">
              <div class="col-md-4 itemsinside"><div class="itembox"><a href="#"><img src="skins/Skin_(!SKINID!)/images/slideritem1.jpg" alt="Items" title="Item No. 1" /></a></div></div>
              <div class="col-md-4 itemsinside"><div class="itembox"><a href="#"><img src="skins/Skin_(!SKINID!)/images/slideritem2.jpg" alt="Items" title="Item No. 2" /></a></div></div>
              <div class="col-md-4 itemsinside"><div class="itembox"><a href="#"><img src="skins/Skin_(!SKINID!)/images/slideritem3.jpg" alt="Items" title="Item No. 3" /></a></div></div>
            </div>
          </div>
        </div>
        <div class="item ">
          <img src="skins/Skin_(!SKINID!)/images/slider3.jpg" alt="First Slider" class="img-responsive">
          <div class="carousel-caption conatiner">
            <div class="title">Lorem ipsum dolor sit</div>
            <div class="sub">consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt</div>
            <div class="col-md-5 col-md-6 col-xs-12 items">
              <div class="col-md-4 itemsinside"><div class="itembox"><a href="#"><img src="skins/Skin_(!SKINID!)/images/slideritem1.jpg" alt="Items" title="Item No. 1" /></a></div></div>
              <div class="col-md-4 itemsinside"><div class="itembox"><a href="#"><img src="skins/Skin_(!SKINID!)/images/slideritem2.jpg" alt="Items" title="Item No. 2" /></a></div></div>
              <div class="col-md-4 itemsinside"><div class="itembox"><a href="#"><img src="skins/Skin_(!SKINID!)/images/slideritem3.jpg" alt="Items" title="Item No. 3" /></a></div></div>
            </div>
          </div>
        </div>
      </div>
      <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div>
  </div>  
  <!-- END OF CAROUSEL ===================================== -->

2.
<!-- SPECIALSHIPPING COPY PASTE THIS AND MAKE A TOPIC NAME specialshipping ===================================== -->
  <div class="specialshipping">
    <div class="container">
      <div class="col-md-6 col-sm-6 col-xs-12 specshipleft">
        <div class="title">Lorem ipsum dolor sit amet</div>
        <div class="sub">consectetuer adipiscing elit</div>
      </div>
      <div class="col-md-6 col-sm-6 col-xs-12 specshipright">
        <div class="col-md-12 col-sm-12">
          <div class="col-md-6 col-sm-6 link">  
            <a href="shoppingcart.aspx">
              <div class="title">free shipping</div>
              <div class="sub">buy $100 now</div>
              <div class="tiny">Use Code #FS on Checkout</div>
            </a>
          </div>
          <div class="col-md-6 col-sm-6 livechat">(!LIVECHAT!)</div>
        </div>
      </div>
    </div>
  </div>
  <!-- END OF CAROUSEL ===================================== -->

3. <!-- 2 PACKAGE PRODUCTS COPY PASTE THIS AND MAKE A TOPIC NAME packageproducts ===================================== -->
        <div class="col-md-12 specialitem">
          <div class="col-md-6 col-sm-6 col-xs-12 inside">
            <div class="box">
              <a href="shoppingcart.aspx">
                <img src="skins/Skin_(!SKINID!)/images/item1.jpg" alt="Items" title="Item No. 1" />
                <div class="link">Yamaha Package </div>
              </a>
              <span>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut</span>
            </div>
          </div>
          <div class="col-md-6 col-sm-6 col-xs-12 inside">
            <div class="box">
              <a href="shoppingcart.aspx">
                <img src="skins/Skin_(!SKINID!)/images/item2.jpg" alt="Items" title="Item No. 1" />
                <div class="link">Mcintosh Package </div>
              </a>
              <span>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut</span>
            </div>
          </div>
        </div>
        <!-- END OF package products ===================================== -->
